*{
  padding: 0;
  margin: 0;
}
[v-cloak] {
  display: none;
}
body{
  text-align: center;
}
div{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(50%, 50%);
  transform: translate(-50%, -50%);
}
table {
  border: 2px solid #000000;
  background: rgb(240, 240, 240);
}
td {
  width: 30px;
  height: 40px;
  padding: 8px 16px;
  border: 1px solid #000000;
  /* 不可选中 */
  user-select: none; 
  cursor: pointer;
}
td:active{
  background-color: skyblue;
}
th{
  /* 自动换行 */
  word-wrap:break-word;
  /* 设置换行点 */
  word-break:break-all;
  text-align: right;
  padding-right: 2%;
  font-size: x-large;
  border: 1px solid #000000;
  background: rgb(255, 255, 255);
  width: 120px;
  height: 80px;
  cursor: text;
}